<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page session="false" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="<c:url value="/resources/css/style.css" />" type="text/css">
<!--<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>-->
<title>Home</title>
</head>
<body>
<div class="wrapper">

<!-- --------------------------------------------------------------------------- -->
<jsp:include page="templates/banner.jsp"></jsp:include>
<!-- --------------------------------------------------------------------------- -->

  <div class="content">
  
		<div class="main">
			<div class="welcome-div" style="padding: 0 10px 0 10px;">
				<h1>Welcome to liyu's blog</h1>
				<h4>This site is targeting at browsers which support css3 such as Firefox, Chrome, Safari. IE is not supported.</h4>
				<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />
				<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />
		  </div>
	  </div>

		<div class="sidebar">
			<div class="panel latest-blogs-panel">
				<h4 class="panel-title">Latest Blogs</h4>
				<ul>
				  <c:forEach items="${blogs}" var="blog">
				    <li><a href="<c:url value="/blogs/${blog.id}"/>">${blog.title}</a></li>
				  </c:forEach>
				</ul>			
			</div>
		</div>
		
	</div>

<!-- --------------------------------------------------------------------------- -->
<jsp:include page="templates/footer.jsp"></jsp:include>
<!-- --------------------------------------------------------------------------- -->

</div>
</body>
</html>
